<!DOCTYPE html>
    <html>
      <head>
      
        <style type="text/css">
	      html { height: 100% }
	      body { height: 100%; margin: 0; padding: 0 }
	      #map-canvas { height: 100% }
	    </style>
	    
	  	<link rel="stylesheet" href="./jquerymobile/jquery.mobile-1.3.2.min.css">
		<script src="./jquery/jquery-1.8.3.min.js"></script>
		<script src="./jquerymobile/jquery.mobile-1.3.2.min.js"></script>
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
        <!-- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVANxcmNG7Shw2SHW7AvKTsI-FH6eTbFc&sensor=true"></script> -->
        
		<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text

		<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR" name="viewport" content="initial-scale=1.0, user-scalable=no" />
		
        <title>gm Example</title>
        <script type="text/javascript" charset="utf-8" src="cordova-2.9.0.js"></script>
        

        
<!--         <script type="text/javascript" src="googlemap.js"></script>
        
        
        
        <script type="text/javascript" charset="utf-8">
	        function onDeviceReady () {
			    var map = new GoogleMap();
			    map.initialize();
			}
        
        </script> -->
        
        
		<script type="text/javascript">
			function initialize() {
			  var mapOptions = {
			    center: new google.maps.LatLng(-34.397, 150.644),
			    zoom: 8,
			    mapTypeId: google.maps.MapTypeId.ROADMAP
			  };
			  var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
			}
			
			google.maps.event.addDomListener(window, 'load', initialize);
		</script>
		    
        
      </head>


      <body>
<!--       	hi..11
		<div id="map_canvas" style="width:100%;heigth:100%">
		</div> -->


		<div id="map-canvas"></div>
      </body>
    </html>